<template>
  <el-button :plain="true" @click="message.info('这是一条消息提示')">Message</el-button>
  <el-button :plain="true" @click="message.success('这是一条消息提示')">Success</el-button>
  <el-button :plain="true" @click="message.warning('这是一条消息提示')">Warning</el-button>
  <el-button :plain="true" @click="message.error('这是一条消息提示')">Error</el-button>
  <el-button :plain="true" @click="message.info('这是一条消息提示', '确认', '自定义标题')">自定义文案</el-button>
  <el-button :plain="true" @click="message.info(h('span', null, '这是一条消息提示'))">Vnode</el-button>
</template>
<script lang="ts" setup>
import { h } from 'vue';
import { useMessageBox } from '@fe-hl/admin-design-vue';
let message = useMessageBox();
</script>
